<template>
    <div>
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="#00f" lazy-render>
            <van-swipe-item v-for="img in imgList"><img :src="img" /></van-swipe-item>
        </van-swipe>
    </div>
</template>
<script lang='ts' setup>
import { ref } from 'vue';
const imgList = ref<string[]>([]);
const { item } = defineProps(['item']);
imgList.value.push(`${item.img1}`, `${item.img2}`, `${item.img3}`, `${item.img4}`);

</script>
<style lang='less' scoped>
.my-swipe {
    :deep(.van-swipe__indicator) {
        background-color: rgb(107, 107, 107);
    }

    .van-swipe-item {
        width: 375px;
        height: 375px;
        color: #fff;
        font-size: 20px;
        line-height: 150px;
        text-align: center;
        background-color: #39a9ed;

        img {
            width: 100%;
            height: 100%;
        }
    }
}
</style>